<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>云南公安网安大数据安全监管平台</title>
  <link rel="stylesheet" href="../../assets/css/uikit.css">
  <link rel="stylesheet" href="../../assets/css/style.css">
  <link rel="stylesheet" href="../../assets/icons/style.css">
  <script src="../../scripts/jquery-1.11.3.min.js"></script>
  <script src="nav.js"></script>
  <script src="../../scripts/plugins/jquery.icheck.min.js"></script>
  <script src="../../scripts/plugins/jquery.tablesort.min.js"></script>
  <script src="../../scripts/plugins/jquery.ztree.all.min.js"></script>
  <script src="../../scripts/plugins/select2.min.js"></script>
</head>
<body class="sys-body" style="overflow:hidden;">
  <div class="sys-header">
    <div class="sys-logo">
      <h1>云南公安网安大数据安全监管平台</h1>
    </div>

    <div class="sys-menu" id="sys-menu">
      <ul>
        <li>loading......</li>
      </ul>
      <div class="curLine"></div>
    </div>
    <div class="sys-topbar">
      <img src="../../assets/images/_userphoto.png"><span><a href="javascript:void(0);">Admin</a><a href="javascript:void(0);"> 【注销】</a></span>
    </div>
  </div>

  <div class="sys-sidebar">
    <div class="toggle-sidebar"><i class="icon-toleft"></i></div>
    <ul>
      <li><a href="data-resource.html"><i class="icon-explore"></i><span>资源状态概览</span></a><em class="open"></em>
        <ul>
          <li><a href="data-resource.html">资源概览</a></li>
        </ul>
      </li>

      <li> <a href="data-traffic.html"><i class="icon-db-search"></i><span>流量分析</span></a><em class="open"></em>
        <ul>
          <li> <a href="data-traffic.html">数据库流量</a></li>
          <li> <a href="data-traffic-ftp.html">FTP流量</a></li>
        </ul>
      </li>

      <li> <a href="data-flow.html"><i class="icon-db-search"></i><span>流向分析</span></a><em class="open"></em>
        <ul>
          <li> <a href="data-flow.html">流向分析</a></li>
          <li><a  href="data-client.html">客户端管理</a></li>
          <li><a href="data-threshold.html">风险阀值配置</a></li>
        </ul>
      </li>

      <li> <a href="data-laws.html"><i class="icon-db-search"></i><span>使用规律分析</span></a><em class="open"></em>
        <ul>
          <li><a href="data-overview.html">概况</a></li>
          <li> <a href="data-laws.html">资源使用规律</a></li>
          <li><a href="data-userlaw.html">用户行为规律</a></li>
        </ul>
      </li>

      <li> <a href="data-riskevent..html"><i class="icon-db-search"></i><span>风险事件</span></a><em class="open"></em>
        <ul>
          <li> <a href="data-riskevent-charts.html">风险概况</a></li>
          <li> <a href="data-riskevent.html">事件查看</a></li>
        </ul>
      </li>

      <li class="active"> <a href="data-resourceconfig.html"><i class="icon-notifications-on"></i><span>数据资源管理</span></a><em class="open"></em>
        <ul>
          <li><a href="data-resourceconfig.html">数据资源配置</a></li>
          <li class="active"><a href="data-ipconfig.html">参数配置</a></li>
        </ul>
      </li>
    </ul>
  </div>

  <div class="sys-main" id="sys-main">
    <div class="sys-title"><h2>参数配置</h2></div>

    <div class="sys-content">
      <div class="panel">
        <div class="panel-head">
          <div class="panel-title">
            <h3>IP集合配置</h3>
          </div>
          <div class="btnbar"> <button class="btn btn-success" id="add">新增IP集合</button></div>

          <div class="filter">
            <input type="text" placeholder="请输入名称关键词查询">
            <button class="btn">检索</button>
          </div>
        </div>
        <div class="panel-body">


         <table class="table table-striped">
          <thead>
            <tr>
              <th width="10%">序号</th>
              <th width="20%">名称</th>
              <th>IP列表</th>
              <th width="25%">修改时间 </th>
              <th width="10%">操作</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>1</td>
              <td><a href="javascript:void(0);">网安大队</a></td>
              <td class="iptxt">
                <span>172.17.25.252</span>
                <span>172.17.25.24~172.17.25.134</span>
                <span>172.17.125.1~172.17.125.100</td></span>
                <td>2017-08-25 21:21:35</td>
                <td class="icons"><a href="javascript:void(0);"  title="修改"><i class="icon-setting"></i></a><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></td>
              </tr>
              <tr>
                <td>2</td>
                <td><a href="javascript:void(0);">情报中心</a></td>
                <td class="iptxt"><span>172.17.124.1~172.17.124.255</span>
                  <span>172.17.125.1~172.17.125.255</span></td>
                  <td>2017-08-25 21:21:35</td>
                  <td class="icons"><a href="javascript:void(0);"  title="修改"><i class="icon-setting"></i></a><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></td>
                </tr>
                <tr>
                  <td>3</td>
                  <td><a href="javascript:void(0);">信息安全中心</a></td>
                  <td class="iptxt"><span>172.17.35.1~172.17.35.10</span></td>
                  <td>2017-08-25 21:21:35</td>
                  <td class="icons"><a href="javascript:void(0);"  title="修改"><i class="icon-setting"></i></a><a href="javascript:void(0);" title="删除"><i class="icon-delete"></i></a></td>
                </tr>
              </tbody>
            </table>
          </div><!--panel-body end-->
          <div class="panel-foot">
            <div class="btns"><button class="btn btn-danger">批量删除</button></div>
            <div class="page">
              <ul class="pagination">
                <li class="disabled"><a href="javascript:void(0);">&lt;</a></li>
                <li class="active"><a href="javascript:void(0);">1</a></li>
                <li><a href="javascript:void(0);">2</a></li>
                <li><a href="javascript:void(0);">3</a></li>
                <li><a href="javascript:void(0);">4</a></li>
                <li><a href="javascript:void(0);">5</a></li>
                <li><a href="javascript:void(0);">&gt;</a></li>
                <li class="go"><input type="text" title="输入页码跳转"></li>
              </ul>
            </div>
          </div><!--panel-foot end-->
        </div>
      </div>
    </div>

    <div class="dialog dialog-sm">
      <div class="dialog-win">
        <div class="dialog-head"><span>新增IP集合名称</span><a class="close" href="javascript:void(0);"><i class="icon-close"></i></a></div>
        <div class="dialog-body alertadd">
          <div class="form-box">

            <div class="form-item">
              <div class="form-title"><em class="fc-danger">*</em>IP集合名称名称：</div>
              <div class="form-content"><input class="full" id="e2" type="text"></div>
            </div>
            <div class="form-item">
              <div class="form-title"><em class="fc-danger">*</em>IP段配置：</div>
              <div class="form-content"><textarea class="full" rows="10" placeholder="每行一个IP或IP段,IP段用~分隔，比如: 192.168.0.1~192.168.0.255"></textarea></div>
            </div>
          </div>

        </div>
        <div class="dialog-foot"><button class="btn" id="save">确认</button><button id="cancel" class="btn btn-minor">取消</button></div>
      </div>
    </div>
    <!--dialog end-->



  </body>
  </html>
  <script>
    $(document).ready(function(){
     $("#add").on("click",function(){
      $(".dialog").show();
    })

     $(".dialog .close,#cancel").on("click",function(){
      $(".dialog").hide();
    })
     $.fn.zTree.init($("#role"), setting, zNodes);
   })

    var setting = {
      check: {
        enable: true
      },
      data: {
        simpleData: {
          enable: true
        }
      }
    };

    var zNodes =[
    { id:1, pId:0, name:"平台管理员", open:true},

    { id:2, pId:0, name:"采集系统管理员", open:true},

    { id:3, pId:0, name:"分析系统管理员"},

    { id:4, pId:0, name:"数据交换系统管理员"},

    { id:5, pId:0, name:"资源目录系统用户"},
    ];

  </script>